 <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/jquery-1.8.0.min.js"></script>
        
<script type="text/javascript" >
    $(document).ready(function(){
       
                                  $("#menu li a").hover(function(){
        $(this).stop().animate({"background-color":"#1384ae","padding-top":"12px"},{queue:false,duration:500}); 
       
    },function(){
        $(this).stop().animate({"background-color":"#282828","padding-top":"8px"},{queue:false,duration:160});
    })
    });
</script>

<div id="top" style=" z-index: 2; position: relative; margin-top: 0px;height:50px;width:100%; background-color:#282828; -webkit-box-shadow: 10px; " >
            
           <div id="bienvenido" style="position:relative; float: left;font-family: 'arial'; font-size: 12px; color: #fff;"></div>
            <ul id="menu">
                
                   <li><a href="#" onclick="back();" >contactanos</a></li>
                    <li><a href="#" >ayuda</a></li>
                    <li><a href="<?=base_url();?>" >BuscaCurico</a></li>
                    <li><a href="#" onclick="login();">inicio de sesion</a></li>
                    <li><a href="#" onclick="registro();" >registrate</a></li>
            </ul>
            
        </div>